$(document).ready(function(){
  // HTML markup implementation, overlap mode
  $( '#menu' ).multilevelpushmenu({
    containersToPush: [$( '#container' )],
  
    // Just for fun also changing the look of the menu
    wrapperClass: 'mlpm_w',
    menuInactiveClass: 'mlpm_inactive',
    menuHeight: '100%',
    menuWidth: '20%'
  });

  $("#community").click(function(){
    $("#container").load("community.html");
  });
  
  $("#cheers").click(function(){
    $("#container").load("cheers.html");
  });
  
  $("#members").click(function(){
    $("#container").load("members.html");
  });
  
  $("#subteams").click(function(){
    $("#container").load("subteams.html");
  });
  
  $("#history").click(function(){
    $("#container").load("history.html");
  });
  
  $("#travel").click(function(){
    $("#container").load("travelRequirements.html");
  });
  
  $("#robots").click(function(){
    $("#container").load("previousRobots.html");
  });
  
  $("#first").click(function(){
    $("#container").load("aboutFirst.html");
  });
  
  $("#mission").click(function(){
    $("#container").load("mission.html");
  });
  
  $("#gracious").click(function(){
    $("#container").load("gracious.html");
  });
  
  $("#rec").click(function(){
    $("#container").load("REC.html");
  });
  
  $("#game").click(function(){
    $("#container").load("thegame.html");
  });
  
  $("#sponsors").click(function(){
    $("#container").load("donors.html");
  });
  
  $("#calender").click(function(){
    $("#container").load("calendar.html");
  });
  
  $("#footer").load("footer.html");
});

$(window).resize(function () {
  $( '#menu' ).multilevelpushmenu( 'redraw' );
});